<template>
  <div>
    <!-- <h3>当前最新的count值为:{{$store.state.count}}</h3> -->
    <h3>{{$store.getters.shnowNum}}</h3>
    <button @click='btnHandler1'>+1</button>
    <button @click='btnHandler2'>+n</button>
    <button @click='btnHandler3'>+1 Async</button>
    <button @click='btnHandler4'>+n Async</button>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
    btnHandler1 () {
      this.$store.commit('add')
    },
    btnHandler2 () {
      // commit的作用就是触发某个mutation
      this.$store.commit('addN', 3)
    },
    btnHandler3 () {
      // 这是异步的让 conunt 增加1
      // 这里的 dispatch 专门用来触发 action 异步函数
      this.$store.dispatch('addAsync')
    },
    btnHandler4 () {
      this.$store.dispatch('addNAsyc', 3)
    }
  }
}
</script>
